Bootstrap demo

HTML : Introduction

Introduction and history of HTML

Table of Contents

Introduction to HTML

HTML (HyperText Markup Language) is the standard markup language for documents designed to be displayed in a web browser. It defines the structure of web content and is one of the cornerstone technologies of the World Wide Web.

HTML uses a system of tags and attributes to define elements within a document. These elements label pieces of content such as "this is a heading," "this is a paragraph," "this is a link," etc.

History of HTML

1989: The Birth of HTML

Tim Berners-Lee invented HTML while working at CERN to facilitate sharing research documents.

1991: First Public Release

The first publicly available HTML documentation was released with 18 elements.

1995: HTML 2.0

The first standardized HTML specification was published by the IETF.

1997: HTML 4.0

W3C recommendation introduced support for stylesheets and scripting.

2014: HTML5

HTML5 was published as a W3C Recommendation, introducing semantic elements and multimedia support.

Basic HTML Structure

Every HTML document follows a basic structure that includes the following elements:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Page Title</title>
</head>
<body>
  <h1>My First Heading</h1>
  <p>My first paragraph.</p>
</body>
</html>

Common HTML Tags

HTML provides a wide variety of tags for different purposes. Here are some of the most commonly used ones:

Tag Description Example
<h1> to <h6> Headings of different levels <h1>Main Title</h1>
<p> Paragraph <p>This is a paragraph</p>
<a> Anchor (hyperlink) <a href="url">Link</a>
<img> Image <img src="image.jpg" alt="Description">
<ul> and <li> Unordered list and list items <ul><li>Item</li></ul>
<div> Division or section <div>Content here</div>

HTML Example

Here's a simple example of an HTML document with basic elements:

<!DOCTYPE html>
<html>
<head>
  <title>My First Webpage</title>
</head>
<body>
  <h1>Welcome to My Website</h1>
  <p>This is my first paragraph.</p>
  <h2>About Me</h2>
  <p>I am learning HTML to create web pages.</p>
  <h2>My Hobbies</h2>
  <ul>
    <li>Reading</li>
    <li>Programming</li>
    <li>Traveling</li>
  </ul>
</body>
</html>

The Future of HTML

HTML continues to evolve with new specifications and features. The future of HTML includes:

As web technologies advance, HTML will continue to be the foundation upon which the digital world is built.